<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎您来点餐</title>
    <link rel="stylesheet" href="08.css">
</head>
<body>
     <!-- 这里是导航栏 -->
     <div class="cook">
        <div id="nav">
            <ul>
                <li>推荐套餐
                    <div class="submenu">
                        <a href="#" class="ah1">--香菇滑鸡煲仔饭--</a><br>
                        <a href="#" class="ah1">--红烧狮子头盖饭--</a>
                    </div>
                </li>

                <li>养生炖汤
                    <div class="submenu">
                        <a href="#" class="ah1">--乌鸡汤--</a><br>
                        <a href="#" class="ah1">--椰子鸡--</a>
                </li>

                <li><a href="#" class="ah1">夏日特饮</a></li>

                <li><a href="#" class="ah1">冬日特饮</a></li>

                <li><a href="#" class="ah1">炸鸡</a></li>

                <li>
                    <a href="#" class="ah1">甜品</a>
                    <div class="submenu">
                        <a href="#" class="ah1">--抹茶千层--</a><br>
                        <a href="#" class="ah1">--芒果班戟--</a>
                    </div>
                </li>

                <li><a href="07.html" class="ah1">返回店铺</a></li>
                <li><a href="01.html" class="ah1">首页</a></li>
            </ul>
        </div>
    </div>

    <div class="bg">
        <video autoplay muted loop>
            <source src="video/small.mp4">
        </video>
        <div class="tab">
            <table id="move" border="1">
                <!-- 每行 -->
                <tr>
                    <th>甜品</th>
                    <th>主食</th>
                    <th>加菜</th>
                    <th>饮料</th>
                    <th>火锅底料</th>
                    <th>精品小炒</th>
                    <th>大厨推荐</th>
                </tr>
        
                <tr>
                    <td>豆腐花</td>
                    <td>米饭</td>
                    <td>生菜</td>
                    <td>百事可乐</td>
                    <td>番茄锅</td>
                    <td>虎皮凤爪</td>
                    <td>开水白菜</td>
                </tr>
        
                <tr>
                    <td>慕斯蛋糕</td>
                    <td>面条</td>
                    <td>金针菇</td>
                    <td>西瓜汁</td>
                    <td>清汤锅</td>
                    <td>西芹炒鱿鱼</td>
                    <td>叫花鸡</td>
                </tr>
    
                <tr>
                    <td>草莓蛋糕</td>
                    <td>米粉</td>
                    <td>娃娃菜</td>
                    <td>芋泥奶茶</td>
                    <td>麻辣锅</td>
                    <td>虎皮青椒</td>
                    <td>龙虾炒饭</td>
                </tr>
        
            </table>
            <div class="multchoice">
                <div class="Q1">
                    <form action="" method="get">
                        <h1>您要选择哪一种主食？</h1>
                        <label for="zhushi"><input name="zhushi" type="checkbox"><span>米饭</span></label>
                        <label for="zhushi"><input name="zhushi" type="checkbox"><span>面条</span></label>
                        <label for="zhushi"><input name="zhushi" type="checkbox"><span>米粉</span></label>
                    </form>
                </div>

                <div class="Q2">
                    <form action="" method="get">
                        <h1>您要选择哪一种菜品？</h1>
                        <label for="food"><input name="food" type="checkbox"><span>虎皮凤爪</span></label>
                        <label for="food"><input name="food" type="checkbox"><span>西芹炒鱿鱼</span></label>
                        <label for="food"><input name="food" type="checkbox"><span>虎皮青椒</span></label>
                    </form>
                </div>
                <div class="Q3">
                    <form action="" method="get">
                        <h1>您要选择哪一种火锅？</h1>
                        <label for="huoguo"><input name="huoguo" type="checkbox"><span>番茄锅</span></label>
                        <label for="huoguo"><input name="huoguo" type="checkbox"><span>清汤锅</span></label>
                        <label for="huoguo"><input name="huoguo" type="checkbox"><span>麻辣锅</span></label>
                    </form>
                </div>
                <div class="Q4">
                    <form action="" method="get">
                        <h1>您要选择哪一种饮料？</h1>
                        <label for="yinliao"><input name="yinliao" type="checkbox"><span>百事可乐</span></label>
                        <label for="yinliao"><input name="yinliao" type="checkbox"><span>西瓜汁</span></label>
                        <label for="yinliao"><input name="yinliao" type="checkbox"><span>芋泥奶茶</span></label>
                    </form>
                </div>
                <div class="Q5">
                    <form action="" method="get">
                        <h1>您要选择哪道星级菜？</h1>
                        <label for="bestfood"><input name="bestfood" type="checkbox"><span>开水白菜</span></label>
                        <label for="bestfood"><input name="bestfood" type="checkbox"><span>叫花鸡</span></label>
                        <label for="bestfood"><input name="bestfood" type="checkbox"><span>龙虾炒饭</span></label>
                    </form>
                </div>
                <div class="Q6">
                    <form action="" method="get">
                        <h1>您要选择哪一种甜品？</h1>
                        <label for="tianping"><input name="tianping" type="checkbox"><span>豆腐花</span></label>
                        <label for="tianping"><input name="tianping" type="checkbox"><span>慕斯蛋糕</span></label>
                        <label for="tianping"><input name="tianping" type="checkbox"><span>草莓蛋糕</span></label>
                    </form>
                </div>
                <div class="Q7">
                    <form action="" method="get">
                        <h1>您要加哪一种菜？</h1>
                        <label for="addcai"><input name="addcai" type="checkbox"><span>	生菜</span></label>
                        <label for="addcai"><input name="addcai" type="checkbox"><span>金针菇</span></label>
                        <label for="addcai"><input name="addcai" type="checkbox"><span>娃娃菜</span></label>
                    </form>
                </div>
            </div>
        </div>
        <!-- <div class="multchoice">
            <label for="html">
                <input type="radio" name="radio" id="html" checked /><span>HTML</span>
            </label>
            <label for="css">
                <input type="radio" name="radio" id="css" checked /><span>css</span>
            </label>
            <label for="js">
                <input type="radio" name="radio" id="js" checked /><span>js</span>
            </label>
        </div> -->        
    </div>
</body>
</html> 